

<template>
  <div>
  <!--作用域插槽-->
    <div>
        <slot name="header"></slot>
        <div>
            <div v-for="item in 5">
                <slot :data="item"></slot>
            </div>
        </div>
 
        <slot name="footer"></slot>
    </div>
  </div>
</template>
<script setup lang="ts">
import { ref,reactive} from 'vue'
</script>
<style scoped>

</style>
